<template>
	<view style="height: 100%">
		<!-- <image class="img72" src="https://wx.xtwaixie.com/img/succ1.png" /> -->
		<image class="img72 mt40" src="/static/icon/right.png" />
		<h2 class="db tc f18 c28 mt20" style="font-weight: bold;">提交成功</h2>
		
		<view class="mt20" style="font-size: 28rpx;margin-bottom: 100rpx;color: #bbbbbb;line-height: 1.6;">
			资料将审核通过后生效，审核过程不影响现有资料展示，我们将尽快处理
			
			<view class="mt40">
				审核时间<br/>
				工作日：9:00-18:00<br/>
				节假日当天内<br/>
			</view>
		</view>
		<van-popup :show="showPopup" @close='showPopup = false' round custom-style='background:rgba(0,0,0,0);'>
			<view class="" style="display: flex;flex-direction: column;align-items: center;">
				<image :src="img_path + img" mode="widthFix" style="width: 600rpx;" :round='true'
					:show-menu-by-longpress="true"></image>
			</view>
		</van-popup>
		<navigator class="back-but" url="/pages/my/my" hover-class="none" open-type="reLaunch"
			style="background:#58BE6B;margin-top: 0;">返回</navigator>
	</view>
</template>

<script>
	import http from '../../utils/http';
	export default {
		data() {
			return {
				img_path: http.img_path,
				showPopup: false,
				img:''
			};
		},

		/**
		 * 生命周期函数--监听页面加载
		 */
		onLoad(options) {
			
		},
		/**
		 * 生命周期函数--监听页面初次渲染完成
		 */
		onReady() {},
		/**
		 * 生命周期函数--监听页面显示
		 */
		onShow() {
			http.request('base/configData')
				.then((res) => {
					this.img = res.data.xtwxcggl
					this.showPopup = false
				})
				.catch((res) => {
					console.log(res);
				});
		},
		/**
		 * 生命周期函数--监听页面隐藏
		 */
		onHide() {},
		/**
		 * 生命周期函数--监听页面卸载
		 */
		onUnload() {},
		/**
		 * 页面相关事件处理函数--监听用户下拉动作
		 */
		onPullDownRefresh() {},
		/**
		 * 页面上拉触底事件的处理函数
		 */
		onReachBottom() {},
		/**
		 * 用户点击右上角分享
		 */
		onShareAppMessage() {},
		methods: {
			webview() {
				this.showPopup = true
			}
		}
	};
</script>
<style lang="scss">
	@import '/pages/demand/subSuccess.css';
	
	.interestBox {
		background-color: #ECEAEB;
		// display: flex;
		// align-items: center;
		border-radius: 10rpx;
		padding: 20rpx 0;
		margin: 170rpx 0;

		.interestImg {
			width: 100rpx;
			margin-bottom: 20rpx;
		}

		.interestBtn {
			width: 300rpx;
			border-radius: 10rpx;
			background-color: #00CD68;
			text-align: center;
			line-height: 60rpx;
			font-size: 28rpx;
			color: #FFF;
			margin-bottom: 5rpx;
			margin:0 auto;
		}

		.interestTips {
			font-size: 24rpx;
			color: #575556;
			margin: 16rpx auto
		}
	}
</style>